<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>租客管理</title>
<link
	href="<%=request.getContextPath()%>/views/sysdefault/css/bootstrap.min.css?v=3.3.5"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/views/sysdefault/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="<%=request.getContextPath()%>/views/sysdefault/css/style.min.css?v=4.0.0" rel="stylesheet">

<!-- 翻页 -->
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/views/sysdefault/css/plugins/pull-refresh/pullToRefresh.css" />


<style type="text/css">
.buttom_div{
	background-color: white;
	border-top: 1px solid #e7eaec;
}
.buttom_icon{
	padding: 3px 5px 0px;
}
.buttom_icon p{
	margin: 0px;
}
.li_icon{
	font-size: 28px;
}
.icon_select{
	color: #1c84c6;
}
.navbar-title{
	color: white;
	text-align: center;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.navbar-title-right{
	color: white;
	text-align: right;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 0px;
}
</style>

</head>

<body class="gray-bg">
	<!-- 分页 -->
	<form id="pagerForm" method="post">
		<input type="hidden" name="currentPage" id="currentPage" value="1" />
	</form>

	<!-- 顶部 -->
	<div class="navbar navbar-static-top" style="margin-bottom: 0px; background-color: #1c84c6;">
		<div class="container-fluid">
    		<div class="col-xs-3">
        		
    		</div>
    		<div class="col-xs-6">
        		<p class="navbar-title">租客管理</p>
    		</div>
    		<div class="col-xs-3 navbar-title-right" onclick="changeLink('addRoomer.dop');">
        		添加租客
    		</div>
		</div>
	</div>

	<div class="container">
	
		<div class="row" >
			<div class="col-sm-12" style="padding: 0px 0px 20px 0px;">
				<div id="pullToRefresh" class="ibox float-e-margins" >
					<ul class="scro_ul">
						<li class="scro_li">
						<div class="ibox-content" style="margin-bottom: 15px; padding-bottom: 0px;">
						<div class="row">
							<div class="col-xs-5">
								<ul class="list-inline">
									<li>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</li>
									<li>小明</li>
                                </ul>
							</div>
							<div class="col-xs-7">
								<ul class="list-inline">
									<li>入驻时间：</li>
									<li>2016-02-03</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>手&nbsp;&nbsp;机&nbsp;号：</li>
									<li>18589075154</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>身份证号：</li>
									<li>450328451548745158</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>住房信息：</li>
									<li>桂林市七星区奇峰小筑二区2栋 501房</li>
                                </ul>
							</div>
						</div>
						<div class="hr-line-dashed" style="margin: 6px;"></div>
						<div class="row">
							<div class="col-xs-12">
								<a class="btn btn-warning btn-rounded btn-block" href="#">离开登记</a>
							</div>
						</div>
						</div>
						</li>
						
						<li class="scro_li">
						<div class="ibox-content" style="margin-bottom: 15px; padding-bottom: 0px;">
						<div class="row">
							<div class="col-xs-5">
								<ul class="list-inline">
									<li>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</li>
									<li>小明</li>
                                </ul>
							</div>
							<div class="col-xs-7">
								<ul class="list-inline">
									<li>入驻时间：</li>
									<li>2016-02-03</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>手&nbsp;&nbsp;机&nbsp;号：</li>
									<li>18589075154</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>身份证号：</li>
									<li>450328451548745158</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>住房信息：</li>
									<li>桂林市七星区奇峰小筑二区2栋 501房</li>
                                </ul>
							</div>
						</div>
						<div class="hr-line-dashed" style="margin: 6px;"></div>
						<div class="row">
							<div class="col-xs-12">
								<a class="btn btn-warning btn-rounded btn-block" href="#">离开登记</a>
							</div>
						</div>
						</div>
						</li>
						
						<li class="scro_li">
						<div class="ibox-content" style="margin-bottom: 15px; padding-bottom: 0px;">
						<div class="row">
							<div class="col-xs-5">
								<ul class="list-inline">
									<li>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</li>
									<li>小明</li>
                                </ul>
							</div>
							<div class="col-xs-7">
								<ul class="list-inline">
									<li>入驻时间：</li>
									<li>2016-02-03</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>手&nbsp;&nbsp;机&nbsp;号：</li>
									<li>18589075154</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>身份证号：</li>
									<li>450328451548745158</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>住房信息：</li>
									<li>桂林市七星区奇峰小筑二区2栋 501房</li>
                                </ul>
							</div>
						</div>
						<div class="hr-line-dashed" style="margin: 6px;"></div>
						<div class="row">
							<div class="col-xs-12">
								<a class="btn btn-warning btn-rounded btn-block" href="#">离开登记</a>
							</div>
						</div>
						</div>
						</li>
						
						<li class="scro_li">
						<div class="ibox-content" style="margin-bottom: 15px; padding-bottom: 0px;">
						<div class="row">
							<div class="col-xs-5">
								<ul class="list-inline">
									<li>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</li>
									<li>小明</li>
                                </ul>
							</div>
							<div class="col-xs-7">
								<ul class="list-inline">
									<li>入驻时间：</li>
									<li>2016-02-03</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>手&nbsp;&nbsp;机&nbsp;号：</li>
									<li>18589075154</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>身份证号：</li>
									<li>450328451548745158</li>
                                </ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<ul class="list-inline">
									<li>住房信息：</li>
									<li>桂林市七星区奇峰小筑二区2栋 501房</li>
                                </ul>
							</div>
						</div>
						<div class="hr-line-dashed" style="margin: 6px;"></div>
						<div class="row">
							<div class="col-xs-12">
								<a class="btn btn-warning btn-rounded btn-block" href="#">离开登记</a>
							</div>
						</div>
						</div>
						</li>
					</ul>
					
				</div>
			</div>

		</div>

	</div>
	
	<br/>
	
	<!-- 底部 -->
	<div class="navbar navbar-fixed-bottom container buttom_div">
		<div class="row">
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('mainPage.dop');"><i class="fa fa-home li_icon"></i><p>首页</p></div>
			<div class="col-xs-3 buttom_icon icon_select" style="text-align: center;"><i class="fa fa-building-o li_icon"></i><p>租客管理</p></div>
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('houseList.dop');"><i class="fa fa-edit li_icon"></i><p>出租房管理</p></div>
			<div class="col-xs-3 buttom_icon" style="text-align: center;" onclick="changeLink('prizeReport.dop');"><i class="fa fa-gift li_icon"></i><p>有奖举报</p></div>
		</div>
	</div>
	
	<script
		src="<%=request.getContextPath()%>/views/sysdefault/js/jquery.min.js?v=2.1.4"></script>
	<script
		src="<%=request.getContextPath()%>/views/sysdefault/js/bootstrap.min.js?v=3.3.5"></script>
		
	<script type="text/javascript" src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/pull-refresh/iscroll.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/views/sysdefault/js/plugins/pull-refresh/pullToRefresh.js"></script>

	<script type="text/javascript">
    
    var basePath = '<%=request.getContextPath()%>';
    
  	//底部图标点击
    var changeLink = function(link){
    	location.href = link;
    }
    
    </script>
    
    <script type="text/javascript">
  		//当前页
    	var page = 1;
  		
  		$(function(){
  			
  			var winHeight = $(window).height();
  			var height01 = $(".navbar-static-top").height();
  			var height02 = $(".navbar-fixed-bottom").height();
  			
  			refresher.init({
  	        	id: "pullToRefresh",
  	        	pullDownAction: Refresh,
  	        	pullUpAction: Load,
  	        	height: winHeight - height01 - height02
  	    	});
  		});

    	//刷新页面
        function Refresh() {
        	setTimeout(function () {
        		pullToRefresh.refresh();
        	}, 2000)    		
    	} 
    	
      	//加载页面
        function Load() {
        	setTimeout(function () {
        		pullToRefresh.refresh();
        	}, 2000)    		
    	} 
    	
    	
    </script>

</body>

</html>